<template>
    <h2 a="1+1" :b="1 + 1" c="x" :d="x"></h2>
    <Person v-if="isShow" />
    <button @click="show">isShow</button>
</template>

<script lang="ts" setup name="App">
import Person from './components/Person.vue';
import { reactive, ref } from 'vue'
import { type Persons } from './types';


let x = 9;
let isShow = ref(true)

function show() {
    isShow.value = !isShow.value
}

let personList = reactive<Persons>([
    { id: '111', name: '张三', age: 18 },
    { id: '112', name: '李四', age: 20 },
    { id: '113', name: '王五', age: 22, x: 19 },
])
</script>
